<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 
    <h:head>
        <title>Conciencia Fonológica </title>       

        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
           <meta  http-equiv = "X-UA-Compatible"  content = "IE=8"  />
    </h:head>
    <h:body>

        <div id="top" class="top" style="height: 60px" align="center">
            <hr2 > Conciencia Fonológica Rutas de Letura Programar</hr2>
        </div>

        <div id="left" >
            <ui:include src="vMenu.xhtml" />
        </div>

        <div class="left_content" >

            <h:form id="form">
                
                <p:panelGrid columns="6" >  
                    <h:outputText value="Codigo: " /> 
                    <p:inputText id="txtCodigo"  size="20"></p:inputText>           

                    <h:outputText value="Descripcion: " /> 
                    <p:inputText id="txtdescripcion" value="#{tmpEjercicioCFController.silabas}" size="20" ></p:inputText>




                </p:panelGrid>

                <p:tabView id="tabSilaba">
                    <p:ajax event="tabChange" listener="#{tmpEjercicioCFController.onTabChange}" update=":form"/>  
                    <p:tab id="tab" title="Rimas">

                        <table>
                            <tr>
                                <td>
                                    <h:outputText value="Que rime con" />
                                </td>
                                <td colspan="2">
                                    <h:inputText id="txtRima" value="#{tmpEjercicioCFController.queRimenCon}" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <h:outputText value="Clasificaci&oacute;n" />
                                </td>
                                <td>
                                    <h:selectOneMenu id="cboClasificacion"
                                                     value="#{tmpEjercicioCFController.cboClasificacion}" converter="#{IntegerConverter}" >
                                        <f:selectItem itemLabel="Diferencias al comienzo: m&aacute;s de un fonema" itemValue="0" />
                                        <f:selectItem itemLabel="Una Palabra contiene todos los fonemas de la otra" itemValue="1" />
                                        <f:selectItem itemLabel="Diferencias al comienzo: fonema inicial" itemValue="2" />
                                        <f:selectItem itemLabel="Diferencias  al comienzo: un fonema vs.  un grupo consonántico" itemValue="3" />
                                   <f:ajax event="change"  listener="#{tmpEjercicioCFController.setCategoriaEvt}" />
                                    </h:selectOneMenu>
                                </td>
                                <td>
                                    <p:commandButton id="btnBuscarPalabra"  label="Buscar" value="Buscar" action="#{tmpEjercicioCFController.busquedaPalabras}">

                                        <f:ajax render="resultado"></f:ajax> 
                                    </p:commandButton>
                                </td>
                            </tr>
                        </table>




                        <p:dataTable id="resultado" var="pal" value="#{tmpEjercicioCFController.listpalabras}" emptyMessage="No existen datos">  
                            <p:column headerText="Codigo">  
                                <h:outputText value="#{pal.codigo}" /> 

                            </p:column>  

                            <p:column headerText="Descripcion">  
                                <h:outputText value="#{pal.descripcion}" />  
                            </p:column> 

                            <p:column headerText="Imagen" style="alignment-adjust: central">
                                <p:graphicImage height="20" width="20" value="/image/#{pal.imagen}"></p:graphicImage>

                            </p:column>

                            <p:column>
                                <h:commandLink id="selec" value="Seleccionar" action="#{tmpEjercicioCFController.redire}">                          

                                    <f:setPropertyActionListener value="#{pal}" target="#{tmpEjercicioCFController.selectPalabra}" /> 
                                </h:commandLink>

                            </p:column>

                        </p:dataTable>    


                    </p:tab>
                    <p:tab title="Silaba">
                        <table>
                            <tr>
                                <td>
                                    <h:outputText value="Silaba:"></h:outputText>

                                </td>
                                <td>

                                    <h:inputText value="#{tmpEjercicioCFController.silabas}"></h:inputText>
                                </td>

                                <td>
                                    <h:outputText value="Estructura:"></h:outputText>
                                </td>
                                <td>

                                    <h:selectOneMenu id="cboEstructura"
                                                     value="0" >
                                        <f:selectItem itemLabel="CV" itemValue="0" />
                                        <f:selectItem itemLabel="VC" itemValue="1" />
                                        <f:selectItem itemLabel="CVC" itemValue="2" />
                                        <f:selectItem itemLabel="CCV" itemValue="3" />
                                    </h:selectOneMenu> 


                                </td>

                                <td>
                                    <h:outputText value="Posicion:"></h:outputText>

                                </td>
                                <td>

                                    <h:selectOneMenu id="cboPosicion"
                                                     value="0" >
                                        <f:selectItem itemLabel="Inicial" itemValue="0" />
                                        <f:selectItem itemLabel="Media" itemValue="1" />
                                        <f:selectItem itemLabel="Final" itemValue="2" />
                                         <f:ajax event="change"  listener="#{tmpEjercicioCFController.setCategoriaEvt}" />
                                    </h:selectOneMenu> 

                                </td>



                            </tr>
                            <tr>

                                <td>

                                    <h:outputText value="Cantidad de silabas:"></h:outputText>

                                </td>
                                <td>
                                    <h:inputText id="txtcantidadFilas" ></h:inputText>
                                </td>

                                <td>

                                </td>
                                <td>

                                </td>
                                <td>

                                    <p:commandButton id="btnBuscarSilabas"  label="Buscar" value="Buscar" action="#{tmpEjercicioCFController.busquedaPalabrasSilabas()}">

                                        <f:ajax render="resultadoSilabas"></f:ajax> 
                                    </p:commandButton>
                                </td>

                            </tr>



                        </table>







                        <p:dataTable id="resultadoSilabas" var="pal" value="#{tmpEjercicioCFController.listpalabrasSilabas}"  emptyMessage="No existen datos">  
                            <p:column headerText="Codigo">  
                                <h:outputText value="#{pal.codigo}" /> 

                            </p:column>  

                            <p:column headerText="Descripcion">  
                                <h:outputText value="#{pal.descripcion}" />  
                            </p:column> 

                            <p:column headerText="Imagen" style="alignment-adjust: central">
                                <p:graphicImage height="20" width="20" value="/image/#{pal.imagen}"></p:graphicImage>

                            </p:column>

                            <p:column>
                                <h:commandLink id="selec" value="Seleccionar" action="#{tmpEjercicioCFController.redire}">                          

                                    <f:setPropertyActionListener value="#{pal}" target="#{tmpEjercicioCFController.selectPalabra}" /> 
                                </h:commandLink>

                            </p:column>

                        </p:dataTable>    





                    </p:tab>

                </p:tabView>



                <table>
                    <tr>
                        <td>
                            
                            <p:commandButton value="Salir" action="wFrmEjercicioCFActualizar.jsf">
                                
                                
                            </p:commandButton>
                            
                        </td>
                        
                    </tr>
                    
                </table>




            </h:form>
        </div>

    </h:body>
</html>

